<template>
	<view class="customHead">
		<view class="bg">
			<image class="bgimg" src="../../static/images/dog.jpg" mode="aspectFill"></image>
		</view>
	</view>
</template>

<script>
	export default {
		name:"custom-head-bar",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.customHead{
	height: 200rpx;
	overflow: hidden;
	.bg{
		width: 100%;
		height: 100%;
		background: #000;
		.bgimg{
			width: 100%;
			height: 100%;
			filter: blur(30rpx);
			transform: scale(2);
		}
	}
}
</style>